aside{ margin:0;padding:0; }
button{ border:0; }
/* 等比填充 */
*[class*="rect-"] {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
}

*[class*="rect-"] ._full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    *height: auto;
}

.rect-50 {
    padding-bottom: 50%;
}

.rect-5625 {
    padding-bottom: 56.25%;
}

.rect-60 {
    padding-bottom: 60%;
}

.rect-618 {
    padding-bottom: 61.8%;
}

.rect-70 {
    padding-bottom: 70%;
}

.rect-75 {
    padding-bottom: 75%;
}

.rect-80 {
    padding-bottom: 80%;
}

.rect-90 {
    padding-bottom: 90%;
}

.rect-100 {
    padding-bottom: 100%;
}
.clear{clear:both;height:0;font-size:0;line-height:0;overflow:hidden;zoom:0}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
.Ispic{background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
    position:relative;z-index:1;
    overflow:hidden;}
.Ispic img{position:absolute;
    left:-1000%;
    width:100%;
    top:-1000%;
    visibility:hidden;
}
.fix {
    *zoom: 1; *clear: both;
}

.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}
@-webkit-keyframes slide_on1 {
    0% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes slide_on1 {
    0% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp2 {
    -webkit-animation-name: fadeInUp2;
    animation-name: fadeInUp2
}

@-webkit-keyframes fadeInUp2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInUp2 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media screen and (min-width: 1367px) and (max-width: 1600px) {
    .safeplace {
        zoom: .9;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1366px) {
    .safeplace {
        zoom: .8;
    }
}
@media screen and (min-width: 981px) and (max-width: 1099px){
    .safeplace {
        zoom: .7;
    }
}

.img-hover-scale {
        overflow: hidden;
    }

    .img-hover-scale img {
        transition: all 0.3s;
    }

    .img-hover-scale:hover img {
        transform: scale(1.2);
        transition: all 0.3s;
    }


.ytable.fixed{table-layout:fixed;}
.ytable-cell{display:table-cell;vertical-align:middle}
.auto-inner{max-width:1440px;margin:0 auto; text-align: left;} 
.controls{position:absolute;bottom:0;z-index:20;left:0;width:100%; z-index: 1000}
@media (min-width:481px){ .controls dd{float:left;width:12%;color:#fff;transition:0.3s;padding:0.3rem 0.3rem 0;position:relative;overflow:hidden;}
 .controls dd:not(:last-child){margin-right:1%;}
 .controls dd:not(.on){height:1.1rem;margin-top:2rem;}
 .controls dd.on{height:3.1rem;background-color:rgba(215,12,25,0.9);}
 .controls dd .name .cn{font-size:0.24rem;font-weight:700;}
 .controls dd .name .en{font-size:0.18rem;opacity:0.4;font-family:'DIN-Bold';text-transform:uppercase;}
 .controls dd:not(.on) .name{text-align:center;}
 .controls dd:not(.on):before, .controls dd:not(.on):after{position:absolute;content:'';width:100%;height:2px;background-color:#fff;left:0;top:0;}
 .controls dd:not(.on):before{opacity:0.4;}
 .controls dd:not(.on):after{width:50%;}
 .controls dd:not(.on) .name .en{display:none;}
 .controls dd.on .name{padding-right:0.2rem;position:relative;}
 .controls dd.on .name .more{position:absolute;width:0.18rem;height:0.18rem;right:0;background:url(../img/plus.svg) no-repeat;background-size:contain;top:50%;margin-top:-0.09rem;}
 .controls dd.on .name .more:hover{transform:rotate(180deg);transition:0.5s;}
 .controls dd .ico{padding:0.33rem 0;transform:translateY(30px);opacity:0;transition:1s 0.3s;}
 .controls dd .ico img{height:0.81rem;}
 .controls dd.on .ico{transform:translateY(0);opacity:1;}
 .controls dd pre{font-size:0.14rem;font-weight:500;line-height:1.7142;transform:translateY(30px);opacity:0;transition:1s 0.5s;}
 .controls dd.on pre{transform:translateY(0);opacity:1;}
}
@media (max-width:1024px){.home-ban .list li .txt h2{font-size:0.5rem;}
.home-ban .list li .txt aside{font-size:0.3rem;}
}
@media (min-width:481px) and (max-width:1024px){ .controls dd{width:19%;padding:0.15rem 0.15rem 0;}
 .controls dd:not(:last-child){margin-right:1.25%;}
 .controls dd .name .cn{font-size:0.18rem;}
 .controls dd:not(.on){height:0.7rem;}
 .controls dd.on{height:2.7rem;}
}
@media (max-width:480px){.home-ban .list li .txt h2{font-size:0.3rem;}
.home-ban .list li .txt aside{font-size:0.2rem;}
 .controls{bottom:-0.8rem;}
 .controls dl{display:flex;align-items:center;justify-content:space-between;}
 .controls dl:after{display:none;}
 .controls dd{width:calc(20% - 2px);text-align:center;background-color:rgba(215,12,25,0.8);border:1px solid rgba(255,255,255,0.5);margin:0 1px 1px;padding:0.1rem 0;}
 .controls dd .ico img{height:0.3rem;}
 .controls dd pre, .controls dd .en{display:none;}
 .controls dd .cn{color:#fff;margin-bottom:0.05rem;}
}
.PicList002171 li{float:left;width:22.75%;margin-right:3%;margin-bottom:3%;}
.PicList002171 li a{border:1px solid #e8e8e8;position:relative;display:block;}
.PicList002171 li img{display:block;width:100%;}
.PicList002171 li a figure{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,108,186,0.95);opacity:0;transition:0.3s;}
.PicList002171 li a:hover figure{opacity:1;}
.PicList002171 li dl{display:table;width:100%;height:100%;}
.PicList002171 li dt{display:table-cell;vertical-align:middle;text-align:center;font-size:0.18rem;color:#fff;}
@media(min-width:769px){.PicList002171 li:nth-child(4n){margin-right:0;}
}

.dot{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.dot1,.dot2,.dot3,.dot4{
    display:-webkit-box;
    display:box;
    word-break: break-all; 
    -webkit-box-orient:vertical
}


.home-title{margin-bottom:0.39rem;
    background-position:left center;
    background-repeat:no-repeat;
    background-size:0.38rem auto;
    position:relative;
/*    padding-left:0.49rem;*/
    z-index:1;}
.home-title .more{position:absolute;border:1px solid rgba(151,121,121,0.3);padding:0 0.21rem;color:#977979;font-weight:400;right:0;top:50%;margin-top:-0.25rem;line-height:0.5rem;font-size:0.16rem;}
.home-title .more:after{display:inline-block;content:'';width:18px;height:10px;background:url(../images/more-2.gif) no-repeat;margin-left:0.2rem;}
.home-title .more:hover{background-color:#d70c19;color:#fff;}
.home-title .more:hover:after{background-image:url(../images/more-white.gif)}
.home-title .cn{color:#d70c19;font-size:30px;font-weight:700;line-height:1.6666;}
@media (max-width:480px){.home-title{background-size:0.24rem auto;padding-left:0.3rem;margin-bottom:0.24rem;}
.home-title .cn{font-size:0.26rem;}
.home-title .more{line-height:0.4rem;padding:0 0.1rem;margin:0;transform:translateY(-50%);}
}

.home-news{background:url(../images/home-news-bg.jpg) no-repeat;background-size:cover;padding:1.1rem 0 1.65rem 0;}
.home-news .home-title{background-image:url(../images/title-icon-news.png);}
.home-news .tabs{position:relative;z-index:6;}
.home-news .tabs li{float:left;}
.home-news .tabs li a{cursor:pointer;}
.home-news .tabs li:not(:last-child){margin-right:0.26rem;}
.home-news .tabs li a{display:block;
    font-weight:700;
    color:#756969;
    border-top:2px solid #977979;
    padding-top:9px;
    font-size: 16px;
}
.home-news .tabs li.on a{color:#d70c19;border-top-color:#d70c19;}
.home-news .tabs-ul .ul > *{background-color:#fff;}
.home-news .tabs-ul li{transform:translateX(30px);transition:1s;opacity:0;}
.home-news .tabs-ul .show li{transform:translateX(0);opacity:1;}
.home-news .tabs-ul li a{display:block;position:relative;padding:0.4rem 0.4rem 0;}
.home-news .tabs-ul li aside{font-weight:500;margin-bottom:0.7rem;}
.home-news .tabs-ul li a:not(:hover) aside{color:#756969;}
.home-news .tabs-ul li time{display:block;}
.home-news .tabs-ul li:nth-of-type(1){margin-bottom:0.1rem;}
.home-news .tabs-ul ol{transform:translateX(-30px);transition:1s;opacity:0;}
.home-news .tabs-ul ul:not(.show){position:fixed;left:-100%;transform:translateX(-100%);opacity:0;}
.home-news .tabs-ul .show ol{transform:translateX(0);opacity:1;}
.home-news .tabs-ul ol a{padding:0.4rem 0;}
.home-news .tabs-ul ol .pic{overflow:hidden;}
.home-news .tabs-ul ol .pic .Ispic{padding-bottom:78.838%;transition:0.3s ease-out;}
.home-news .tabs-ul ol a:hover .pic .Ispic{transform:scale(1.1);}
.home-news .tabs-ul ol .txt{position:relative;padding-left:0.41rem;padding-right:0.44rem;vertical-align:top;}
.home-news .tabs-ul time{font-size:0.14rem;font-weight:500;color:#d70c19;background:url(../images/more.gif) no-repeat right center;}
.home-news .tabs-ul ol .txt time{left:0.41rem;right:0.44rem;position:absolute;bottom:0;}
.home-news .tabs-ul ol .tit{font-weight:700;font-size:0.24rem;margin-bottom:1em;}
.home-news .tabs-ul ol a:not(:hover){color:#524d4d;}
.home-news .tabs-ul ol p{color:#999999;line-height:1.625;text-align:justify;}
@media (min-width:481px){.home-news .tabs-ul ol .pic{width:47.778%;}
.home-news .tabs-ul li aside{font-size:0.18rem;}
}
@media (min-width:1025px){.home-news .home-title{margin-bottom:0;}
.home-news .tabs ul{margin-top:-0.3rem;}
.home-news .tabs-ul ol{width:62.5%;height:4.2rem;float:left;}
.home-news .tabs-ul li{height:2.05rem;width:36.806%;float:right;}
}
@media (max-width:1024px){.home-news{padding:0.4rem 0;}
.home-news .tabs{margin-bottom:0.3rem;}
.home-news .tabs-ul li{float:left;width:calc(50% - 0.05rem);margin-top:0.1rem;}
.home-news .tabs-ul li:nth-of-type(2){float:right;}
.home-news .tabs-ul li a{padding:0.2rem;}
}
@media (max-width:480px){.home-news .tabs-ul ol a,.home-news .tabs-ul ol .ytable-cell{display:block;}
.home-news .tabs-ul ol a{padding-top:0;}
.home-news .tabs-ul ol .txt{padding-top:0.2rem;padding-bottom:0.4rem;}
.home-news .tabs-ul li aside{margin-bottom:0.4rem;}
}

/*Floor003108 */
.Floor003108{ 
    padding-top:88px;
    font-weight:500;

}
.Floor003108 .home-title{background-image:url(../images/title-ico-party.svg);}
/*.Floor003108 ol{float:left;width:50%;}*/
.Floor003108 ol:nth-of-type(1) .txt{background-color:#fff;padding:0.3rem 0.47rem 0 0.33rem;}
.Floor003108 ol .pic{position:relative;overflow:hidden;}
.Floor003108 ol:not(:nth-of-type(1)) .pic{margin-bottom:0.18rem;}
.Floor003108 ol .pic time{position:absolute;right:0;bottom:0;line-height:0.4rem;background-color:#d70c19;color:#fff;font-size:0.14rem;z-index:10;padding:0 0.5em;}
.Floor003108 ol:nth-of-type(1) .pic time{padding:0 1.357em;line-height:0.5rem;}
.Floor003108 ol .tit{}
.Floor003108 ol:not(:nth-of-type(1)) .tit{line-height:1.666;font-size: 18px;}
.Floor003108 ol:nth-of-type(1) .tit{font-size:24px;font-weight:700;line-height:1.25;}
.Floor003108 ol:not(:nth-of-type(1)) p{display:none;}
.Floor003108 ol p{
    margin:1em 0 0 0;
    color:#999;
    font-weight:400;
    line-height: 1.6; 
    height: 80px;
    overflow: hidden;
}
.Floor003108 li{border-bottom:1px solid #aaa;}
.Floor003108 li:nth-of-type(1){border-top:1px solid #aaa;}
.Floor003108 li a{line-height:72px; font-size:18px; color: #333;}
.Floor003108 li a:not(:hover){color:#756969;}
.Floor003108 li time{float:right;color:#d70c19;}
@media (min-width:769px){
.Floor003108{font-size:18px;}
.Floor003108 ol{height:294px;margin-left:2.5%;}
.Floor003108 ol:not(:nth-of-type(1)){width:21.25%;}
.Floor003108 ol:nth-of-type(1){height:510px;margin:0 2.5% 0 0;}
.Floor003108 ol:nth-of-type(1) .txt{height:160px;background-color:#fff;}
.Floor003108 ol .Ispic{transition:0.3s ease-out;height:180px;}
.Floor003108 ol a:hover .Ispic{transform:scale(1.2);}
.Floor003108 ol:nth-of-type(1) .Ispic{height:350px;}
.Floor003108 li{ height:72px; font-size:18px;}
}
@media (max-width:768px){
 .Floor003108{ width:100%; } 
.Floor003108 ol{margin-bottom:0.5rem;}
.Floor003108 ol:nth-of-type(1){width:100%;}
.Floor003108 ol:nth-of-type(1) .txt{padding-bottom:0.35rem;}
.Floor003108 ol .Ispic{padding-bottom:56%;}
.Floor003108 ol:not(:nth-of-type(1)){width:47.5%;}
.Floor003108 ol:nth-of-type(2){margin-right:5%;}
 
.news-con-left{ display:none; }
.news-con-right{ width:100%; }
 
.home-news .tabs ul{}

}
@media (max-width:480px){.Floor003108{padding:0.4rem 0;}
.Floor003108 ol{margin-bottom:0.2rem;}
.Floor003108 ol:nth-of-type(1) .txt{padding:0.2rem 0.2rem 0.1rem 0.2rem;}
.Floor003108 ol:nth-of-type(1) .tit{font-size:0.2rem;}
}


/**
field
 */
.more-btn {
    width: 160px;
    height: 44px;
    padding: 0 20px;
    background-color: #DA2027;
    border-radius: 21px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.more-btn span {
    width: 80%;
    font-size: 18px;
    line-height: 44px;
    letter-spacing: 0;
    color: #ffffff;
    text-align: center;
}

.more-btn i {
    width: 20px;
    height: 14px;
    background: url("../icon/icon-point-arrow-right.png") no-repeat;
    background-size: cover;
}
.safeplace {
    position: relative;
    max-width: 1420px;
    margin: 0 auto;
}
.index-title {
    width: 100%;
    font-size: 40px;
    line-height: 55px;
    text-align: center;
    color: #262424;
    position: relative;
}

.index-title::after {
    content: "";
    width: 60px;
    height: 4px;
    background-color: #be282d;
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
}
.index-wrap > .field {
    width: 100%;
    height: auto;
    padding: 100px 0 150px 0;
}

.index-wrap > .field > .tab-list {
    width: 100%;
    height: auto;
    margin-top: 70px;
    border-bottom: 1px solid rgba(42, 42, 4, 0.11);
}

.index-wrap > .field > .tab-list > ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
}

.index-wrap > .field > .tab-list > ul li {
    padding: 0 2px;
    margin-right: 5.8%;
    font-size: 24px;
    line-height: 53px;
    color: #221e1f;
    text-align: center;
    cursor: pointer;
    position: relative;
}

.index-wrap > .field > .tab-list > ul li:last-child {
    margin-right: 0;
}

.index-wrap > .field > .tab-list > ul .active::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #be282d;
    position: absolute;
    left: 0;
    bottom: 0;
}

.index-wrap > .field > .content {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: column;
}

.index-wrap > .field > .content > .introduce,
.field-img-list {
    width: 100%;
}

.index-wrap > .field .introduce-title {
    width: 100%;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.index-wrap > .field .desc {
    width: 760px;
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    color: #666666;
}

.index-wrap > .field .introduce-title .build {
    width: 34px;
    height: 34px;
    margin-right: 5px;
}

.index-wrap > .field .introduce-title .build img {
    width: 100%;
    height: 100%;
}

.index-wrap > .field .introduce-title span {
    font-size: 34px;
    line-height: 48px;
    color: #221e1f;
}

.index-wrap > .field .more-btn {
    margin-top: 30px;
}

.index-wrap > .field .more-case {
    width: 760px;
    margin-top: 60px;
}

.index-wrap > .field .more-case .title {
    font-size: 34px;
    line-height: 48px;
    color: #221e1f;
}

.index-wrap > .field .item-list {
    width: 100%;
    height: 194px;
    margin-top: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.index-wrap > .field .item {
    width: 48%;
    height: 194px;
    margin-right: 29px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.index-wrap > .field .item:last-child {
    margin-right: 0;
}

.index-wrap > .field .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-wrap > .field  .item .mask {
    width: 100%;
    height: auto;
    min-height: 48px;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.field-img-list {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.index-wrap > .field .illustration {
    width: auto;
    /*height: auto;*/
    height: 520px;
    position: absolute;
    bottom: 0;
    right: 0;
}

.index-wrap > .field .illustration img {
    height: 100%;
}


.Floor003105{position:relative;z-index:1;overflow:hidden;
    padding:100px 0;
    background:url(../images/home-projectbg.jpg) no-repeat center center;
    background-size:100% 100%;
}
.Floor003105 .home-title{background-image:url(../images/title-icon-project.png); padding-left: 50px;}
.Floor003105 .home-title .cn{color:#fff;}
.Floor003105 .more{font-size:16px;text-align:center;
    padding:0 20px;
    line-height:50px;
    border:solid 1px rgba(255,255,255,0.3);
    transition:0.3s;display:table;color:#fff;}
.Floor003105 .more:after{width:18px;height:10px;display:inline-block;content:'';
    margin-left:1em;background:url(../images/more-white.gif) no-repeat;
    background-size:contain;transition:0.3s;}
.Floor003105 a:hover .more{background-color:#d70c19;border-color:#d70c19;}
.Floor003105 .slider li a{color:#fff;display: block; width: 100%;}
.Floor003105 .slider li .pic .Ispic{
    padding-bottom:56.25%;
    transition:0.3s;
}
.Floor003105 .slider li a:hover .pic .Ispic{transform:scale(1.1);}
.Floor003105 .slider li .pic{overflow:hidden;}
.Floor003105 .slider li .cate-tit{font-weight:700;}
.Floor003105 .slider li .tit{font-size:44px;font-weight:700;margin-top:26px;}
.Floor003105 .slider li .txt p{line-height:1.75;margin-top:30px;}
.Floor003105 .slick-arrow{
    position:absolute;
    width:0.5rem;height:50px;
    border-radius:50%;
    background:url(../images/more-white.svg) no-repeat center center;
    background-size:contain;z-index:20;font-size:0;border:0;cursor:pointer;}
.Floor003105 .slick-arrow:hover{background-image:url(../images/more-red.svg);}
.Floor003105 .slick-prev{transform:rotateY(180deg);}
@media (min-width:1025px){.Floor003105 .title{width:81.25%;}
.Floor003105 .home-title{
    margin-left:calc(61.539% + 10px);
    display:table;
    width:100%;
    height:40px;
    margin-bottom:0; 
}
.Floor003105 .home-title .cn{display:table-cell;vertical-align:middle;line-height:1;}
.Floor003105 .slider{width:81.25%;margin-top:-40px;}
.Floor003105 .slider .slick-list{overflow:inherit;}
.Floor003105 .slick-arrow{top:50%;margin-top:-25px;}
.Floor003105 .slick-prev{left:7.671%;}
.Floor003105 .slick-next{right:-25px;}
.Floor003105 .slider li .ytable-cell{vertical-align:bottom;}
.Floor003105 .slider li .pic{width:61.539%;}
.Floor003105 .slider li .txt{padding:0 90px 0 100px;}
.Floor003105 .slider li .txt p{min-height:305px;margin-right:20px;margin-bottom:18px;}
}
@media (min-width:1025px) and (max-width:1600px){.Floor003105 .title .home-title{margin-left:calc(61.539% + 0.4rem);}
.Floor003105 .slider li .tit{font-size:0.3rem;}
.Floor003105 .slider li .txt{padding:0 0.4rem;}
.Floor003105 .slider li .txt p{margin-bottom:60px;}
}
@media (max-width:1024px){.Floor003105{padding-bottom:0;padding-top:0.4rem;}
.Floor003105 .title{width:90%;margin:0 auto 0.3rem;}
.Floor003105 .slider li .txt{padding:0.3rem;}
.Floor003105 .slick-arrow{bottom:100%;margin-bottom:0.3rem;right:5%;}
.Floor003105 .slick-prev{margin-right:0.6rem;}
.Floor003105 .slider li .txt p{margin-bottom:20px;}
}


/**
boutique
 */
.boutique .more-btn {
    width: auto;
}
.index-wrap >.boutique {
    width: 100%;
    padding: 100px 0;
    background-color: #f4f7fc;
}

.index-wrap >.boutique .content {
    width: 100%;
    margin-top: 80px;
}

.boutique-swiper .swiper-wrapper {
    display: block;
}

.index-wrap >.boutique .group {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    overflow: hidden;
}

.index-wrap >.boutique .item{
    /*width: 446px;*/
    flex: 1;
    height: 363px;
    margin-right: 40px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    transition: all 0.3s;
}

.index-wrap >.boutique .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index-wrap >.boutique .item:hover {
    /*width: 560px;*/
    height: 363px;
}

.index-wrap >.boutique .item:hover + .index-wrap >.boutique > .content .item {
    width: 390px;
}

.index-wrap >.boutique .item:nth-child(3n) {
    margin-right: 0;
}

.index-wrap >.boutique .item .mask{
    width: 100%;
    height: 100%;
    padding: 0 47px;
    background: rgba(0,0, 0, 0.5);
    position: absolute;
    left: 0;
    bottom: 0;
    display: none;
    transition: all 0.3s;
}

.index-wrap >.boutique .item:hover .mask {
    display: block;
    transition: all 0.3s;
}

.index-wrap >.boutique .item .mask .mask-info {
    
    height: auto;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.boutique > a > .more-btn {
    margin: 0 auto;
}

.center-btn {
    display: block;
    margin: 0 auto;
    color: #ffffff;
}
.mask-info p {
    width:100%;
    margin: 0 auto 40px auto;
    font-size: 20px;
    line-height: 34px;
    color: #ffffff;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}

.mask-info .more-btn {
    width: 168px;
    height: 44px;
    margin: 0 auto;
    border-radius: 22px;
}

.index-wrap >.boutique .type-mask {
    width: auto;
    height: auto;
    padding: 10px 13px;
    font-size: 14px;
    line-height: 16px;
    color: #ffffff;
    background-color: #234b86;
    position: absolute;
    top: 0;
    left: 20px;
}

.index-wrap >.boutique > .content .item .title{
    position: absolute;
    top: 0;
    left: 40px;
    width: 54px;
    height: 54px;
    background: #234B86;
    padding: 10px 13px;
}
.index-wrap >.boutique > .content .item .title>p{
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #FFFFFF;
}

.index-wrap >.boutique > .content .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.content .innerWrap {width:1440px;margin: 0 auto;}
.fullpage {
    margin: 0;
    padding:80px 0; 
    background:url(../images/yingxiaoback.jpg); 
    background-repeat: repeat-y;

}
.content5 {background-size: cover;background-position: center;  padding: 1.5rem 0 1.4rem;}
.content5 .innerWrap {display: flex;align-items: center;justify-content: space-between; }
.content5 .left {position: relative;width: 40%;color: #262626;z-index: 99;}
.content5 .left .ctx {position: relative;  z-index: 99;}
.content5 .left img {margin-bottom: 0.12rem;}
.content5 .left h2 {font-size: 45px;}
@-webkit-keyframes halo {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.2);
  }
}
@-moz-keyframes halo {
  0% {
    opacity: 0;
    -moz-transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1.2);
  }
}
@-ms-keyframes halo {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes halo {
  0% {
    opacity: 0;
    -o-transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1.2);
  }
}
@keyframes halo {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
@keyframes beat {
  0% {
    transform: translateY(-20%);
  }
  25% {
    transform: translateY(-5%);
  }
  50% {
    transform: translateY(0%);
  }
  75% {
    transform: translateY(-5%);
  }
  100% {
    transform: translateY(-20%);
  }
}
@keyframes backgroundAnimate {
  0% {
    background-position: -50px;
  }
  100% {
    background-position: 0;
  }
}
@keyframes slideInToLeft {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes slideInToUp {
  0% {
    top: 100%;
  }
  100% {
    top: 0;
  }
}
@keyframes slideInToRight {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes slideInToDown {
  0% {
    top: -100%;
  }
  100% {
    top: 0;
  }
}
.content5{background-image:url(../images/ipart05_bg.png)}
.content5 .left .pointContainer {  position: absolute;  z-index: 98;  width: 100%;  height: 100%;}
.content5 .left .pointContainer .point {  display: flex;  position: absolute;  width: 0.06rem;  height: 0.06rem;  background: #fff;  border-radius: 50%;}
.content5 .left .pointContainer .point::before {  content: '';  position: absolute;  width: 0.3rem;  height: 0.3rem;  left: 50%;  margin-left: -0.15rem;  top: 50%;  margin-top: -0.15rem;  border-radius: 50%;  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8);  z-index: 3;  opacity: 0;  transform-origin: center;  -webkit-animation: halo 1.5s 0.9s infinite ease-out;  -moz-animation: halo 1.5s 0.9s infinite ease-out;  animation: halo 1.5s 0.9s infinite ease-out;}
.content5 .left .pointContainer .point::after {  content: '';  position: absolute;  width: 0.8rem;  height: 0.8rem;  left: 50%;  margin-left: -0.4rem;  top: 50%;  margin-top: -0.4rem;  border-radius: 50%;  box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8);  z-index: 3;  opacity: 0;  transform-origin: center;  -webkit-animation: halo 1.5s 0.9s infinite ease-out;  -moz-animation: halo 1.5s 0.9s infinite ease-out;  animation: halo 1.5s 0.9s infinite ease-out;}
.content5 .left .pointContainer .point.point1 {  left: 235%;  top: 152%;}
.content5 .left .pointContainer .point.point1::after,.content5 .left .pointContainer .point.point1::before {  animation-delay: 0.2s;}
.content5 .left .pointContainer .point.point2 {  left: 200%;  top: -65%;}
.content5 .left .pointContainer .point.point3 {  left: 120%;  top: -20%;}
.content5 .left .pointContainer .point.point3::after,.content5 .left .pointContainer .point.point3::before {  animation-delay: 0.3s;}
.content5 .left .pointContainer .point.point4 {  left: 135%;  top: -60%;}
.content5 .left .pointContainer .point.point5 {  left: 70%;  top: 45%;}
.content5 .left .pointContainer .point.point5::after,.content5 .left .pointContainer .point.point5::before {  animation-delay: 0.5s;}
.content5 .left .pointContainer .point.point6 {  left: 147%;  top: 150%;}
.content5 .left .pointContainer .point.point6::after,.content5 .left .pointContainer .point.point6::before {  animation-delay: 0.12s;}
.content5 .left .pointContainer .point.point7 {  left: 100%;  top: -50%;}
.content5 .left .pointContainer .point.point7::after,.content5 .left .pointContainer .point.point7::before {  animation-delay: 0.05s;}
.content5 .left .pointContainer .point.point8 {  left: 83%;  top: 110%;}
.content5 .left .pointContainer .point.point8::after,.content5 .left .pointContainer .point.point8::before {  animation-delay: 0.06s;}
.content5 .right {  width: 48.4%;}
.content5 .right ul {  display: flex;  flex-wrap: wrap;  justify-content: space-between;}
.content5 .right ul li {  position: relative;  width: 48.4%; height: 176px; margin-bottom: 20px; color: #fff;  cursor: pointer;  overflow: hidden;}
.content5 .right ul li:hover .bg {  transform: scale(1.05);}
.content5 .right ul li .bg {  position: absolute;  left: 0;  top: 0;  background-size: cover;  background-position: center;  box-sizing: border-box;  width: 100%;  height: 100%;  padding: 0.3rem 0.6rem;  transition: all 0.5s;}
.content5 .right ul li a {  position: relative;  z-index: 1;  display: block;  color: #fff;}
.content5 .right ul li .ctxr {  position: relative;  display: flex;  flex-direction: column;  width: 15%;}
.content5 .right ul li .ctx {  padding: 0.3rem 0.3rem;  display: flex;  flex-direction: column;}
/*.content5 .right ul li:first-child {  justify-content: center;  
align-items: center;  
width: 100%;  
margin-bottom: 0.2rem;}*/
.content5 .right ul li:first-child .ctx {  justify-content: center; 
    padding: 0.3rem 0.35rem;}
.content5 .right ul li:nth-child(1) .ctx {  align-items: center;  
     justify-content: center; 
     text-align: center;
 }
.content5 .right ul li:nth-child(3) .ctx {  padding: 0.3rem;}
.content5 .right ul li img {  margin-bottom: 0.12rem;}
.content5 .right ul li h2 {  font-size: 28px;  font-weight: bold;}
.content5 .right ul li .more {text-decoration: underline;}
.brand-box{display: none;}



.site-footer,.site-footer a{color: #333;}
.site-footer{background: rgba(237, 237, 237, .6); padding-top: 5%;}
.site-footer a:hover{color: #ccc;}
.botnav{float: left; width: 75%;}
.botnav li{float: left; width: 16.666667%;}
.botnav li h3{margin: 0; font-weight: normal;
    font-size: 18px; 
    color: #333; 
    padding-bottom: 20px;}
.botnav li h3 span{ font-size:18px; font-weight:700 }    
.botnav li dl dd{padding:5px 0;}
.botnav li dl dd a{ font-size:16px; }
.site-footer .other{float: right; width: 25%; max-width: 2.5rem; text-align: right;}
.site-footer .botimg{margin-bottom: .2rem; display: block;}
.site-footer .bweixin{display: inline-block; text-align: center; line-height: 1.25;}
.site-footer .bweixin span{display: block; padding: .1rem; border: 1px solid #4b5562; margin-bottom: .1rem;}
.site-footer .bottom{padding: .4rem; margin-top: .1rem; border-top: 1px solid #4b5562; text-align: center;}
.site-footer .bottom p{margin: 0;}
.site-footer .links{padding-bottom: .1rem;}
.site-footer .links i{font-style: normal; display: inline-block; padding: 0 .2rem;}
@media (max-width:1200px) {
    .site-footer .bottom{text-align: center;}
}
@media (max-width:767px) {
    .botnav{display: none;}
    .site-footer .other{float: none; width: 100%; margin: 0 auto;}
    .site-footer .botimg{margin-bottom: .3rem;padding-bottom:.3rem}
}
/*site footer end*/

.w1440 { margin: 0 auto;width: 100%;clear: both;max-width: 1440px;}
@media(max-width:1520px){
    .w1440{ margin-left: 5%; margin-right: 5%; width: 90%; }
}
@media(max-width:1439px){
    .w1440{ margin-left: 1%; margin-right: 0%; width: 98%; }
}
@media(max-width:1200px){
    .w1440{ margin-left: 3%; margin-right: 3%; width: 94%; }
}


.subbanner{width:100%;}
.NYmenu{ border-bottom: 1px solid #e1e1e1; line-height: .8rem; margin-bottom:30px;}
.location{ float: right; 
    padding-left: .3rem; 
    background: url("../img/location.png") no-repeat left center;
    background-size:22px; 
    font-size: 0;
}
.location *{ display: inline-block; vertical-align: middle; font-size: .16rem; color: #999999;}
.location i{ margin: 0 .08rem; display: inline-block; font-family: 宋体;font-style: normal;}
.NYmenu li{ float: left; margin-right:3%; font-size: .18rem;}
.NYmenu li a{ display: block; position: relative; color: #666; font-size: 16px;}
.NYmenu li a:hover,
.NYmenu .active a,
.location a:hover {color: #014190;}
.NYmenu li a:hover:after,
.NYmenu .active a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #014190;}
@media(max-width:1366px){
    .NYmenu li{ margin-right:20px; }
    .NYmenu li a{font-size: 16px;}
}
@media(max-width:1200px){
    .NYmenu li{ margin-right:10px; }
    .NYmenu li a{font-size: 16px;}
    .news_list time,.news_list .txt:before{ display:none; }
    .news_list .w1440{ padding-left:0; }
}
@media(max-width:1024px){

    .location{ display: none;}
}

/*企业简介*/
.about_item1{ padding-bottom: 3%;}
.about_item1 figure{ float: left;width: 43%; padding: 0; margin: 0; margin-right: 6%;}
.about_item1 figure img{ width:100%; }
.about_item1_txt{ float: left; width: 51%; font-size: .16rem; line-height: .32rem; color: #666666; text-align: justify;}
.about_item1_txt h2{ font-size: .48rem; line-height: normal; color: #f2f2f2; text-transform: uppercase; margin: 0;}
.about_item1_txt h3{ font-size: .3rem; color: #333333; margin: 1% 0 3%;}
.about_item1_num{ margin-top: 5%;}
.about_item1_num li{ float: left; text-align: center;}
.about_item1_num li:nth-child(2){ margin: 0 15%;}
.about_item1_num .num{ position: relative;}
.about_item1_num .num b{ font-size: .6rem; color: #014190; line-height: normal; margin-right: .1rem; }
.about_item1_num .num em{ font-style: normal; position: absolute; right: 0; top: .1rem;font-weight: bold; color: #014190; font-size: .24rem;}
.about_item2{ background: url("../images/about_bg.jpg") no-repeat center bottom #fbfbfb; padding: 2% 0 5%;margin-bottom: 5%;}
.about_item2 .tit{ font-size: .3rem; color: #333333;}
.about_item2 figure{ float: left; width: 20.139%; text-align: center; border-right: 1px solid #eee;}
.about_item2 .txt{ float: right; width: 75%; font-size: .16rem; line-height: .32rem; color: #333333;}

@media (max-width:1000px) {
    .about_item1_num li:nth-child(2){ margin: 0 10%;}
}
@media (max-width:768px) {
    .about_item1 figure,
    .about_item1_txt{ float: none; width: 100%; margin-bottom: 2%;}
    .about_item2 figure{ padding: 0 2%;}
}
@media (max-width:480px) {
    .about_item2 figure,
    .about_item2 .txt{ float: none; width: 100%; margin-bottom: 2%;}
    .about_item2 figure{ text-align: center; border-right: none;}
    .about_item2 figure img{ width: 30%;}
}



/* 资质能力 */
.honor01 .tab_t {margin-bottom: 30px;}
.honor01 .tab_t .left{font-size:36px; float:left;font-weight: bold; margin: 0px 0 30px 0;line-height: 40px;}
.honor01 .tab_t .right{font-size:16px;}
.honor01 .tab_t .right dl{ display:flex;justify-content: center; /* 水平居中 */ }
.honor01 .tab_t .right dl dd{display:inline-block; padding: 0 30px; vertical-align:top; line-height:45px; text-align:center; border:1px dashed #a9abb0; transition:.5s ease; margin-left:2%; cursor:pointer;}
.honor01 .tab_t .right dl dd:first-child{margin-left:0;}
.honor01 .tab_t .right dl dd:hover{background:#265ba8; color:#fff; border-color:#265ba8;}
.honor01 .tab_t .right dl dd.cur{background:#265ba8; color:#fff; border-color:#265ba8;}
.honor01 .tab_c {}
.honor01 .tab_c img{
    max-width: 100%;
    height: auto;
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
    border: 0 ;
}
.honor01 .tab_c .content{width:100%; display:none; /*background:#f0f0f0;border: 1px solid #f0f0f0;*/}
.honor01 .tab_c ul li{float:left; width:24%; margin-right:1.33%; margin-bottom:50px; cursor:pointer;}
.honor01 .tab_c ul li:nth-child(4n){margin-right:0;}
.honor01 .tab_c ul li .img{border:1px solid #e3e4e4; /*padding:25px 5px;*/ background:#fff;}
.honor01 .tab_c ul li .img .cover{position:absolute;
    left:0; top:0; width:100%; height:100%; background:url( 
../img/widgets_xc_piclist_18_2.png) repeat; 
    z-index:2; filter:alpha(opacity=0); 
    opacity:0; transition:.3s ease;}
.honor01 .tab_c ul li .img .icon{width:47px; 
    height:47px; position:absolute; 
    left:50%; top:50%; margin:-24px 0 0 -24px;z-index:4;
    background:url(../img/widgets_xc_piclist_18_1.png) no-repeat center; background-size:100% 100%; -webkit-transform:scale(0);transform:scale(0); transition:.3s ease;}
.honor01 .tab_c ul li:hover .img .cover{filter:alpha(opacity=100); opacity:1;}
.honor01 .tab_c ul li:hover .img .icon{-webkit-transform:scale(1); transform:scale(1);}
.honor01 .tab_c ul li .txt{background:#cfd0d0; transition:.3s ease; text-align:center; color:#333; font-size:16px; line-height:25px; padding:10px;}
.honor01 .tab_c ul li:hover .txt{background:#265ba8; color:#fff;}
.honor01 .rect-72{padding-bottom:72%;}
body .album_wrap_case4 .album_case4 .right_btn .btn_box:hover{background:#265ba8;}


.ipart_title{font-size:36px;color:#333333; line-height:36px; 
    text-align:center; 
    margin-bottom:100px;}
.dpabout{ width:80%; margin:0 auto; } 
/*.subbanner{ display:none;  }*/
.ad{ margin-top: 15px;
/* margin-top:120px;*/
 }
.ad img{ max-width:100%; }
@media (max-width:480px) {
    .dpabout{ width:100%; }
    .ipart_title{font-size:22px; line-height:26px; margin-bottom:30px;}
    .ad{ display:none }
}